<template>
    <div id="reportLists">
        <div class="reportList_content">
            <h3 class="reportList_title">报告列表</h3>
            <el-button class="createBrief">上传报告</el-button>
            <div class="tableBox">
                <el-table
                    :data="tableData"
                    border
                    class="sentimentTable"
                    style="width: 100%">
                    <el-table-column
                    prop="title"
                    label="简报名称">
                    </el-table-column>
                    <el-table-column
                    prop="time"
                    label="生成时间">
                    </el-table-column>
                    <el-table-column
                    label="操作">
                    <template slot-scope>
                        <span class="tableBtn expot">下载</span>
                        <span class="tableBtn expot">移动到</span>
                        <span class="tableBtn edit">编辑名称</span>
                        <span class="tableBtn delete">删除</span>
                        <span class="tableBtn edit">传递</span>
                    </template>
                    </el-table-column>
                </el-table>
                <el-pagination
                    background
                    :page-sizes="page.pageSize"
                    :page-size="page.size"
                    layout="total, sizes, prev, pager, next"
                    :total="page.total"
                >
                </el-pagination>
            </div>
        </div>


    <el-dialog
      center
      :close-on-click-modal="false"
      class="siteChooseDialog"
      :visible.sync="dialogVisible"
      width="640px">
      <h2 class="title">选择文件夹</h2>
        <el-radio v-model="radio" label="1">文件夹1</el-radio><br>
        <el-radio v-model="radio" label="2">文件夹2</el-radio>
      <span
        slot="footer"
        class="dialog-footer"
      >
      <el-button
          type="primary"
          @click="dialogVisible = false"
        >确定</el-button>
        <el-button @click="dialogVisible = false">取消</el-button>
        
      </span>
    </el-dialog>

    </div>
</template>
<script>
import '../../assets/css/reportLists.css'
import {
    // opinionReportList
} from '@/admin/api.js'
export default {
    data(){
        return{
            tableData: [{
                title: '特朗普疫情语录',
                time: '2020-06-14 23:22:33',
                id: '34'
            }],
            page: {
                filterText: "",
                currentPage: 1,
                pageSize: [10, 20, 30, 50, 100],
                size: 10,
                total: 100
            },
            radio: '1',
            dialogVisible: false
        }
    },
    mounted () {
        // opinionReportList().then(data => console.log(data))
    },
    methods:{
        handleSizeChange () {},
        handleCurrentChange () {},
        handleClose () {}
    }
}
</script>